/**
* Created with voaTest.
* User: chenhuilove123
* Date: 2015-05-14
* Time: 07:12 AM
* To change this template use Tools | Templates.
*/

define(["App", "hbs!templates/loading","hbs!templates/MissData","spin.jquery"], function(App, load,missData){
     var LoadView=LoadView||{};
    
    LoadView.Loading = Marionette.ItemView.extend({
      template: load,

      title: "Loading Data",
      message: "Please wait, data is loading.",

      serializeData: function(){
        return {
          title: Marionette.getOption(this, "title"),
          message: Marionette.getOption(this, "message")
        };
      },
      onShow: function(){
        var opts = {
          lines: 13, // The number of lines to draw
          length: 20, // The length of each line
          width: 10, // The line thickness
          radius: 30, // The radius of the inner circle
          corners: 1, // Corner roundness (0..1)
          rotate: 0, // The rotation offset
          direction: 1, // 1: clockwise, -1: counterclockwise
          color: "#000", // #rgb or #rrggbb
          speed: 1, // Rounds per second
          trail: 60, // Afterglow percentage
          shadow: false, // Whether to render a shadow
          hwaccel: false, // Whether to use hardware acceleration
          className: "spinner", // The CSS class to assign to the spinner
          zIndex: 2e9, // The z-index (defaults to 2000000000)
          top: "30px", // Top position relative to parent in px
          left: "auto" // Left position relative to parent in px
        };
        $("#spinner").spin(opts);
      }
    });
  
 LoadView.missData=Marionette.ItemView.extend({
      template: missData
 });
       
  return LoadView;
});
